
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}
html,body { font: 12px Arial, sans-serif; background:#fff; color:#575756; height:100%; text-align:center;}
a { text-decoration:none; color: #9fa1a4 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0}
del{text-decoration:line-through}
html{overflow-y:scroll}
button{border:0;cursor:pointer;font-weight:700;color:#fff}
input,textarea{border:solid 1px #c7c7c7;color:#444;margin:0;padding:0}
p{padding:5px 0}
select,.cp{cursor:pointer}
td{vertical-align:top}
h2{color:#000; font-size:32px; font-weight:700; text-transform:capilization; margin-bottom:10px;}
h4,h1,h2{font-size:18px; color:#ee001c; font-weight:700; padding-bottom:5px;}
h5{font-size:14px; color:#555555; font-weight:700; padding-bottom:5px;}
.clear{clear:both; visibility:hidden;}
.page-break{page-break-before:always}
.dpn{display:none}
.por{position:relative}
.zi-1{z-index:-1}
.zi0{z-index:0}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);position:relative}
.rounded10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.rounded20{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}
.transparent{zoom:1;filter:alpha(opacity=90);opacity:.9}
.transparent50{zoom:1;filter:alpha(opacity=50);opacity:.5}
.normal{zoom:1;filter:alpha(opacity=100);opacity:1}
.cursor{cursor:pointer}
.fl{float:left}
.fr{float:right}
.top{top:0}
.pa0{padding:0}
.pa5{padding:5px}
.pa10{padding:10px}
.pa15{padding:15px}
.pa20{padding:20px}
.pa25{padding:25px}
.pa30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.ph5{padding-left:5px;padding-right:5px}
.ph10{padding-left:10px;padding-right:10px}
.ph15{padding-left:15px;padding-right:15px}
.ph20{padding-left:20px;padding-right:20px}
.ph25{padding-left:25px;padding-right:25px}
.pv5{padding-top:5px;padding-bottom:5px}
.pv10{padding-top:10px;padding-bottom:10px}
.pv15{padding-top:15px;padding-bottom:15px}
.pv20{padding-top:20px;padding-bottom:20px}
.pv25{padding-top:25px;padding-bottom:25px}
.ma5{margin:5px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.mh5{margin-left:5px;margin-right:5px}
.mh10{margin-left:10px;margin-right:10px}
.mh15{margin-left:15px;margin-right:15px}
.mh20{margin-left:20px;margin-right:20px}
.mha{margin-left:auto;margin-right:auto}
.mv5{margin-top:5px;margin-bottom:5px}
.mv10{margin-top:10px;margin-bottom:10px}
.mv15{margin-top:15px;margin-bottom:15px}
.mv20{margin-top:20px;margin-bottom:20px}
.fwn{font-weight:400}
.fwb{font-weight:700}
.fsi{font-style:italic}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align:justify}
.ttu{text-transform:uppercase}
.ttc{text-transform:capitalize}
.tdu{text-decoration:underline}
.ti9{text-indent:-9999px}
.tsd{text-shadow:1px 1px 0 #999}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.vat{vertical-align:top}
.dpi{display:inline}
.dpib{display:inline-block}
.poa{position:absolute}
.pof{position:fixed}
.ofh{overflow:hidden}
.ofa{overflow:auto}
.bdn{border:none}
.bd1{border:solid 1px #}
.bd1T{border-top:solid 1px #}
.bd1B{border-bottom:solid 1px #}
.bd1L{border-left:solid 1px #}
.bd1R{border-right:solid 1px #}
.noBd{border:0}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs25{font-size:25px}
.fs30{font-size:30px}
.bgt{background:transparent}
.bg0{background:#000}
.bg1{background:#fff}
.bg2{background:#}
.bg3{background:#}
.cf0{color:#000}
.cf1{color:#fff}
.cf2{color:#555555}
.cf3{color:#}
.cf4{color:#}
.cf5{color:#}
.cf6{color:#}
.lh18{line-height:18px}
.w960{width:960px}
.lsd{list-style-type:disc}
.lss{list-style-type:square}
.lsa{list-style-type:lower-alpha}
.lsc1{list-style-image:url(../images/lsc1.png); padding-left:15px}
.lsc2{list-style-image:url(../images/lsc2.png); padding-left:15px}
.shadow1{-moz-box-shadow:3px 3px 23px #b8b8b8;-webkit-box-shadow:3px 3px 23px #b8b8b8;box-shadow:3px 3px 23px #b8b8b8; progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=45);}
.shadow2{-moz-box-shadow:3px 3px 23px #5a0000;-webkit-box-shadow:3px 3px 23px #5a0000;box-shadow:3px 3px 23px #5a0000; progid:DXImageTransform.Microsoft.Shadow(color=#5a0000,direction=45);}
#content{min-height:100%; position:relative; text-align:left;}
#wrapper{min-height:100%; position:relative; padding:0px 0px 370px; margin-top:0px; line-height:auto;}

#header{background:#b7b7b7; position: relative}
#header #top{background:#434343; padding:5px 0px}
#header #top .block{width:960px; margin:0 auto; overflow:hidden}
#header #top #hotline{float:left; color:#fff; font-size:11px; padding-left:25px; background:url(../images/phone.png) no-repeat left center;}

#header #top #search{float:right; position:relative}
#header #top #search form input[type=text]{width:213px; padding:4px 20px 6px 10px; border:none; height:20px; font-size:11px; color:#fff; background:url(../images/txtSearch.png) no-repeat center; background-size:100% 100%; float:left}
#header #top #search form input[type=submit]{background:url(../images/btnSearch.png) no-repeat; width:20px; height:16px; border:none; right:20px; margin-top:2px; position:absolute; right:10px; top:5px;}


#navbar {font-size:13px; width:960px; margin:0 auto; background:url(../images/bg-navbar.png) repeat-x;}
#navbar ul {padding:0px; overflow:hidden}
#navbar ul li{padding:10px 10px; float:left; margin-top:0px;}
#navbar ul li a{padding:5px 14px; color:#fff; text-transform:uppercase; font-family:'Arial'; float:left}
#navbar ul li:last-child a{}
#navbar ul li>a:hover, #navbar ul li.active>a{background:rgba(255,255,255,0.45); text-decoration:none; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);position:relative}


#navbar ul li ul{position:absolute; display:none; padding: 0px; background:#ca2e4f; z-index:99999; margin-top:36px; margin-left:0px; text-align:left; border-bottom:0; height:auto; width:auto}
#navbar ul li:hover ul {display:block}
#navbar ul li ul li{display:block; padding:0px; margin-top:0; float:none; }
#navbar ul li ul li a{font-size:13px; text-transform:capitalize; color:#fff; padding:0px 20px 0px 13px; float:none; line-height:24px; display:inline-block; }
#navbar ul li ul li>a:hover, #navbar ul li ul li.active>a{ background:#e7e7e7; color:#ca2e4f; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; display:inline-block; width:100% }

#banner{overflow:hidden; position:relative; margin-bottom:0px; text-align:center; width:960px; margin:22px auto}
#banner img{display:block; width:100%}
#banner #arrow{position:absolute; top:40%; width:96.5%; padding:0px 15px}
#banner #arrow #left{float:left;}
#banner #arrow #right{float:right;}

#breadscrumb{border-bottom:solid 1px #eeeeee; padding:10px 0px; color:#bbbbbb}
#breadscrumb a, #breadscrumb span{color:#bbbbbb}

#body{width:960px; margin:0 auto; overflow:hidden; margin-top:20px}
#body .products{background:#eeeeee; overflow:hidden; padding:10px; margin-bottom:10px}
#body .products .item{padding:15px 19px 10px 16px; margin:10px; background:#ffffff; width:180px; float:left; font-size:12px; height:335px; position:relative;box-shadow: 1px 1px 5px #B8B8B8;}
#body .products .item img{display:block; width:100%; }
#body .products .item .title{font-weight:700}
#body .products .item .price{color:#777777}
#body .products .item .btnDetail{width:106px; position:absolute; bottom:25px; left:15px; background:url(../images/btn.png) no-repeat; text-indent:-9999px; height:35px}
#body .products .item.sale .price{text-decoration:line-through}
#body .products .item.sale .price-sale{color:#ee001c; padding:0}
#body .products .item.sale .icon{position:absolute; top:-2px; right:-2px; width:71px; height:71px; background:url(../images/sale.png) no-repeat; text-indent:-9999px}
#body .products .item.new .icon{position:absolute; top:-2px; left:-2px; width:71px; height:71px; background:url(../images/new.png) no-repeat; text-indent:-9999px}

#body .separator{padding:15px 0px; overflow:hidden}
#body .separator .sepa{width:230px; margin-right:20px; float:left; height:95px; background:#eeeeee}
#body .separator .l-sepa{width:460px; float:left; height:95px; background:#eeeeee}

#body #block-main{float:left; border:solid 1px #e7e7e7; width:685px; padding:15px; font-size:13px; color:#555555;}
#body #block-main p{padding:8px 0px}
#body #block-main .sigplus-gallery{margin-top:30px !important;}
#body #block-main .sigplus-gallery ul li{float:left; margin-right:1px}

#body #block-main #news .news-item{border-top:solid 1px #e7e7e7; padding:15px 0px; overflow:hidden}
#body #block-main #news .news-item:first-child{border-top:none}
#body #block-main #news .news-item .image-intro{float:left; width:175px; height:109px; padding:5px; border:solid 1px #e7e7e7}
#body #block-main #news .news-item .intro-text{float:right; width:475px; height:109px;}
#body #block-main #news .news-item .intro-text a.more{color:#ee001c; text-decoration:underline}
#body #block-main #news .news-item .intro-text a.more:hover{text-decoration:none}

#body #block-main.none{padding:0px; border:none; width:715px;}
#body #products{border:solid 1px #e7e7e7; overflow:hidden; width:100%}
#body #products #info .image{padding:40px 0px; text-align:center; float:left; width:280px}
#body #products #info .image img{}
#body #products #info .details{float:left; padding:15px 10px 25px 15px; border-left:solid 1px #e7e7e7; width:400px; position:relative}
#body #products #info .details h3{font-size:20px; color:#555555; padding-bottom:5px}
#body #products #info .details p{line-height:18px; font-size:12px}
#body #products #info .details .price{width:96%; background:#eeeeee; padding:10px; overflow:hidden; margin:20px 0px 10px}
#body #products #info .details .price span{color:#ce001a; font-size:18px; padding:7px 0px; float:left}
#body #products #info .details .price a.buy{float:right; width:105px; height:35px; text-indent:-9999px; background:url(../images/buy.png) no-repeat}

#body #toolbar{background:#e7e7e7; text-align:right; padding:5px 10px;}
#body #toolbar input[type=text]{width:90px; height:22px; padding:0px 5px; text-align:right;}
#body #toolbar select{padding:0px 0xp 0px 5px;}

#body #category{margin-top:10px; padding:10px; background:#e7e7e7}
#body #category .product{background:#fff; margin-bottom:14px; padding:15px; overflow:hidden;-moz-box-shadow:1px 1px 5px #b8b8b8;-webkit-box-shadow:1px 1px 5px #b8b8b8;box-shadow:1px 1px 5px #b8b8b8; progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=45);}
#body #category .product .image{float:left;  margin-right: 15px;}
#body #category .product .image img{width:180px}
#body #category .product .info{width:330px; float:left; min-height:150px; border-right:solid 1px #e7e7e7; padding-right:10px}
#body #category .product .price{float:right; width:105px; text-align:center}

#detail {margin-top:20px}
#detail h4{color:#555555; margin-bottom:5px}
#detail ul{background:#525252; position:relative; height:408px;}
#detail ul li{float:left; margin:10px 5px 0px; z-index:9999;}
#detail ul li:first-child{margin-left:10px}
#detail ul li a{background:#c7c7c7; padding:10px; color:#555555; line-height:12px; display:inline-block; z-index:9999; position:relative}
#detail ul li.active a, #detail ul li:hover a{background:#eeeeee; text-decoration:none}
#detail ul li .block-info{background:#eeeeee; width:95.85%; position:absolute; left:0; padding:15px; z-index:9999}

#body #block-right{width:215px; float:right;}
#body #block-right h4{font-weight:400}
#body #block-right #tech-news{padding:15px; border:solid 1px #e7e7e7;}
#body #block-right #tech-news ul li{line-height:15px; margin-bottom:10px;}
#body #block-right #tech-news ul li a{ color:#555555}
#body #block-right #ad{height:252px; position:relative; overflow:hidden; margin-top:20px}

#footer{position:absolute; bottom:0px; font-size:12px; color:#333333; border-top:solid 1px #eeeeee; width:100%;}
#footer #ft-top{padding:12px 0px; width:960px; margin:0 auto; background:#fff}
#footer #ft-top ul{overflow:hidden}
#footer #ft-top ul li{float:left;}
#footer #ft-top ul li a{border-left:solid 1px #555555; padding:0px 10px; color:#555555; line-height:11px; display:inline-block}
#footer #ft-top ul li:first-child a{padding-left:0px; border-left:0}
#footer #ft-bottom{width:100%; margin:0 auto; overflow:hidden; padding:10px 0px 25px; font-family:Arial; text-align:left; background:url(../images/bg-footer.png)}
#footer .ftcontent{width:960px; margin:0 auto;}
#footer .ftcontent .block-left{width:665px; height:130px; background:rgba(112,112,112,0.4); padding:20px 15px 15px; float:left; overflow:hidden; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;behavior:url(PIE.htc);position:relative}
#footer .ftcontent .block-right{width:200px; height:130px; background:rgba(112,112,112,0.4); padding:20px 15px 15px 25px; float:right; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;behavior:url(PIE.htc);position:relative}
#footer .ftcontent .block-right .title{color:#333333; font-size:14px; margin-bottom:5px; font-weight:700}
#footer .ftcontent h4{font-size:13px; color:#333333; font-weight:700}
#footer .ftcontent p{padding:0}
#footer .ftcontent ul li.parent{padding:0px; float:left; width:175px;}
#footer .ftcontent ul li:last-child.parent{width:140px}
#footer .ftcontent ul li a{padding:0px; color:#333333; font-size:14px; line-height:24px; font-weight:700;}
#footer .ftcontent ul li:last-child {border-bottom:0}
#footer .ftcontent ul li ul{margin-top:5px; }
#footer .ftcontent ul li ul li{float:none}
#footer .ftcontent ul li ul li a{font-size:12px; font-weight:400; line-height:18px}
#footer .ftcontent #social ul li{display:inline-block; margin-right:5px; width:auto}
#footer .ftcontent #copy{margin-top:5px}


#userForm{padding:5px 0px 40px; margin-left:0px; font-size:12px; overflow:hidden; position:relative;}
#userForm label{ display:block; width:100px; margin-bottom:5px;}
#userForm div{margin-bottom:15px}
#userForm textarea{background:#fff; height:150px; font-family:Arial; font-size:11px; background:#fff; width:330px; padding:2px 10px; color:#000; resize:none ; border:solid 1px #bebebe }
#userForm input[type=text]{width:210px; height:25px; padding:0px 10px; border:solid 1px #bebebe; font-size:12px; background:#fff; color:#000;}
#userForm input[type=submit]{width:95px; line-height:30px; height:30px; border:0; background:url(../images/btnSubmit.png); cursor:pointer}



div.framee{
border: 1px solid #E7E7E7;
    height: 170px;
    padding:15px 10px;
    width: 163px;
}

#logo{
	padding:10px 0;
	padding-left:30px;
	width:930px;
}

#advs{
	position: absolute;
	right: 0;
	top: 15px;
}

#mxcpr
{
    display: none;
}

#tabs
{
    margin-top: 20px;
}

.ui-tabs {
    padding: 0;
}

.ui-widget-content
{
    border: none;
}

.ui-widget {
    font-family: Arial,sans-serif;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #EEEEEE;
    color: #333333;
}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {
    color: #333333;
}

.ui-tabs .ui-tabs-nav {
    padding: 0.5em 0.5em 0;
}


.ui-tabs .ui-tabs-nav li {
    margin: 1px 0.5em 0 0;
}

.product_thumbs img
{
    width: 50px;
    height: 50px;
    border-color: #ccc;
    margin: 0 auto !important;
}

#list_product_image_middle
{
    height: 200px;
    display: block;
    padding-left: 30px;
}

#footer .ftcontent ul li:first-child ul li
{
    float: left;
    width: 85px;
}

#footer .ftcontent ul li:nth-child(3) ul li
{
    float: left;
    width: 85px;
}

#body #category.list {
    float: left;
    margin-top: 10px;
    padding: 10px 0;
}

#body #category.list .product
{
    float: left;
    width: 195px;
    margin-left: 10px;
}

#body #category.list .product .info
{
    width: 185px;
    border: none;
}

#body #category.list .product .price
{
    float: none;
    text-align: center;
    width: 100%;
}


.pagination {
    text-align: center;
    width: 680px;
}

.pagination ul {
    float: right;
}

.pagination ul li {
    float: left;
    margin-right: 10px;
}

.view_type
{
    float: left;
    padding-top: 3px;
}

.view_type span
{
    cursor: pointer;
}

.bx-viewport
{
    height: 375px !important;
}

.bx-next
{
    margin-right: 10px;
    margin-left: 10px;
}

.bx-controls-direction
{
    float: right;
}

#tabs-3
{
    padding: 0;    
}

#tabs-3 #category.list
{
    margin-top: 0;    
}

.block-right a{color:#fff}

div.product div.image img{
	width:220px;
	height:148px;
}

.product_label
{
    position: absolute;
}

.old_price
{
    text-decoration: line-through;
}

.view_detail
{
    margin-top: 10px;
    display: block;
}







